<!DOCTYPE html>
<html ng-app="manager" style="box-shadow:inset 0px 0px 100px #660066; border-radius:-30px;">
<head>
<meta charset="UTF-8">
<title>Conference Manager</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mainTemplate.css" rel="stylesheet">
<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.min.js"></script>
<script src="Controllers/Manager.js"></script>
</head>
<body>
	<div id="topSeparator"></div>
	<div id="mainMenu">
		<div id="logos">
			<img id="logo" src="images/logo.png"> <img id="sublogo"
				src="images/sublogo.png">
		</div>
		<div ng-show="adminLoggedIn" id="menuContainer"  ng-controller="ManagerController">
			<div class="menuItem" id="adminContainer">
				<a class="menuitem" href="" ng-click="redirect('createEmployee')">Add employee</a>
			</div>
			<div class="menuItem" id="adminContainer">
				<a class="menuitem" href="" ng-click="redirect('allEmployees')">List employees</a>
			</div>
			<div class="menuItem" id="adminContainer">
				<a class="menuitem" href="" ng-click="redirect('createCompany')">Create company</a>
			</div>
			<div class="menuItem" id="adminContainer">
				<a class="menuitem" href="" ng-click="redirect('allCompanies')">List companies</a>
			</div>
		</div>

		<div ng-hide="loggedIn" ng-controller="ManagerController"
			id="menuContainer">
			<div class="menuItem" id="profileContainer">
				<a class="menuitem" href="" ng-click="redirect('register')">Registration</a>
			</div>
			<div class="menuItem" id="profileContainer">
				<a class="menuitem" class="menuitem" href="" ng-click="redirect('login')">Login</a>
			</div>
		</div>

		<div ng-show="loggedIn&&!adminLoggedIn" ng-controller="ManagerController"
			id="menuContainer">
			<div class="menuItem" id="homeContainer">
				<a class="menuitem" href="" ng-click="redirect('home')">Home</a>
			</div>
			<div class="menuItem" id="conferencesContainer">
				<a class="menuitem" href="" ng-click="redirect('conferences')">Conferences</a>
			</div>
			<div class="menuItem" id="messagesContainer" ng-show='isLecturer()'>
				<a class="menuitem" href="" ng-click="redirect('messages')">Messages</a>
			</div>
			<div class="menuItem" id="messagesContainer" ng-show='isEmployee()'>
				<a class="menuitem" href="" ng-click="redirect('messagesEmployee')">Messages</a>
			</div>
			<div class="menuItem" id="profileContainer">
				<a class="menuitem" href="" ng-click="redirect('profile')">Profile</a>
			</div>
		</div>
		<div ng-show="loggedIn" id="loginInfo">
			<h4>
				Hello, {{loginUsername}}!
				<button class="myLogoutButton" ng-controller="LoginController"
					id="logout" ng-click="logout()">Logout</button>
			</h4>
		</div>
	</div>
	<div id="mainContainer" ng-view></div>
</body>
</html>